<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
 <title>Farbtastic</title>
 <meta charset="UTF-8" />
	<link  href="../jquery.blockui.css" class="view-source" type="text/css" rel="stylesheet" />
	<link  href="../../../../themes/default/style.css" class="view-source"  rel="stylesheet">
	<script src="../../../../scripts/jquery.js" class="view-source"  type="text/javascript"></script>
	<script src="../../../../scripts/common.js" class="view-source"  type="text/javascript"></script>
	<script src="../../../../scripts/browserfix.js" class="view-source"  type="text/javascript" ></script>
	
	<script type="text/javascript" class="view-source"  src="../jquery.blockui.js"></script>
 
 
	<link  href="../../../../scripts/plugins/google-code-prettify/prettify.css" rel="stylesheet">
	<script src="../../../../scripts/plugins/google-code-prettify/prettify.js"></script>
	
	<script src="../../demo.js"></script>
	<link href="../../demo.css" rel="stylesheet">
 <body>
	<div class="keyCode">
 <script type="text/javascript"  class="view-source" > 

    $(document).ready(function() { 
        $('#pageDemo11').click(function() { 
        	$('#demoForm').block(); 
        	$("#pageDemo11").attr("disabled",true);
        	$("#pageDemo12").attr("disabled",false);
        }); 
        
        $('#pageDemo12').click(function() { 
        	$('#demoForm').unblock(); 
        	$("#pageDemo11").attr("disabled",false);
        	$("#pageDemo12").attr("disabled",true);
        }); 
    }); 
    
</script> 
 </div>
    <input id="pageDemo11" type="submit" class="btn" value="启用DIV区域遮罩层" />
    <input id="pageDemo12" type="submit" class="btn" value="关闭DIV区域遮罩层" />
    <br/><br/>
    
    <form id="demoForm" action="#"  class="form-inline row-fluid" style="width:500px;">
			<div class="row-fluid control-group">
      			请点击页面启用遮罩层或者关闭遮罩层。
	      	</div>
	      	
	      	<div class="row-fluid">
	      		<div class="control-group span6">
	      			<label class="control-label" for="agreement1">名称：</label>
		            <div class="controls">
		             	<input type="text" style="width:160px"/>
		            </div>
	            </div>
	            <div class="control-group span6">
	      			<label class="control-label" for="agreement1">性别：</label>
		            <div class="controls">
		             	<label class="checkbox inline">
			                <input id="male1" name="sex" type="radio" data-validator="required">男
			            </label>
			            <label class="checkbox inline">
			               <input id="female1" name="sex" type="radio" data-validator="required">女
			            </label>
		            </div>
	            </div>
	      	</div>
	      	<div class="row-fluid">
	      		<div class="control-group span6">
	      			<label class="control-label" for="agreement1">兴趣：</label>
		            <div class="controls">
		            	<label class="checkbox inline">
			               <input type="checkbox" name="interest1" data-validator="range[2,4]" id="interest1">羽毛球
			             </label>
				         <label class="checkbox inline">     
							<input type="checkbox" name="interest1" data-validator="range[2,4]" id="interest2">棒球
			             </label>
		            </div>
	            </div>
	            <div class="control-group span6">
	      			<label class="control-label" for="agreement1">地区：</label>
		            <div class="controls">
		             	<select style="width:160px">
						    <option>天河区</option>
						    <option>白云区</option>
						    <option>越秀区</option>
						    <option>荔湾区</option>
						    <option>海珠区</option>
						    <option>番禺区</option>
					   </select>
		            </div>
	            </div>
	      	</div>
	      	<div class="row-fluid">
	            <div class="control-group span12">
	      			<label class="control-label" for="agreement1">描述：</label>
		            <div class="controls">
		             	<textarea rows="5" style="width:350px">test textarea</textarea>
		            </div>
	            </div>
	      	</div>
 	</form>		
</body>
</html>
